<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册界面</title>
</head>
<body>
<form>
    姓名：<input type="text" name="uname"><br>
    密码：<input type="password" name="pass"><br>
    再次输入密码：<input type="password" id="passagain"><br>
</form>

<a href="javascript:regist()">确认注册</a>

<script>
    var ff=document.forms[0];

    var users=localStorage.getItem('users');
    users&&(users=JSON.parse(users));/*如果存在该内容，就进行JSON的解析*/
    users||(users=[]);//如果不存在该内容，就创建一个空数组

    function regist(){
        var uname=ff.uname.value;
        var pass=ff.pass.value;
        var passagain=document.getElementById('passagain').value;

        if(passagain!==pass){
            alert("两次密码输入不一致，请重新输入！");
            return;
        }
        var obj={
            name:uname,
            pass:pass
        }
        users.push(obj);/*将新注册的用户添加到用户列表*/
        localStorage.setItem('users',JSON.stringify(users));/*将用户列表重新以对象形式写入本地存储*/
        location.href="exercise-login.html";

    }

</script>
</body>
</html>